.progress_box {
  width: 90%;
  border: 1px solid black;
  padding: 2px;
  position: relative;
}

.progress_bar {
  background-color: blue;
  font-size: 20%;
  position: relative;
  overflow: hidden;
}

.task {
  margin-left: 20px;
}

.task_p1 {
  background-color: #FFBBAA;
}

.task_p1_label {
  background-color: #FF3D3D;
  color: #FFFFCC;
}

.task_p1_completed {
  background-color: #FBEDEE;
}

.task_p2 {
  background-color: #FFCCBB;
}

.task_p2_label {
  background-color: #FF8A6A;
}

.task_p2_completed {
  background-color: #FBECEB;
}

.task_p3 {
  background-color: #FFDF90;
}

.task_p3_label {
  background-color: #FFBB33;
}

.task_p3_completed {
  background-color: #F9EFDA;
}

.task_p4 {
  background-color: #FCF088;
}

.task_p4_label {
  background-color: #FFE700;
}

.task_p4_completed {
  background-color: #fcf9d6;
}

.task_p5 {
  background-color: #EEE7BB;
}

.task_p5_label {
  background-color: #DDD6AA;
}

.task_p5_completed {
  background-color: #F8F8DD;
}

.task .progress_box {
  width: 80px;
  border: 1px dotted black;
  padding: 1px;
  margin: 2px 0 0 0;
  float: right;
}

.task .label {
	float: left;
	width: auto;
  font-size: smaller;
}

.task p {
  margin-left: 4em;
}

.newsItem h1 {
  margin: 1em 20px 0.1em 120px;
  font-size: 90%;
  font-weight: bold;
  color: #000000;
}

.newsItem p {
  margin: 0 20px 0 120px;
  font-size: 80%;
  font-weight: normal;
}

.newsImg {
	width: 110px;
	margin: 4px 0px 4px 0;
	float: left;
}

.pub_date {
  color: gray;
  font-size: 80%;
}

.more_news {
  font-size: 80%;
  margin: 1em 20px 1em 120px;
}